﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>WinFormedge</title>
        <link rel="stylesheet" href="index.css" />
        <style></style>
    </head>
    <body>
        <div class="window-container">
            <div class="window-blur-behind">
                <header class="header">
                    <h1 class="logo">
                        WinFormedge
                        <span>A .NET UX/UI Framework for<br />Windows Form Application</span>
                    </h1>
                    <nav>
                        <a href="windows.html">窗体样式</a>
                        <a href="interaction.html">界面交互</a>
                        <a href="license.html">许可证</a>
                    </nav>
                    <div class="window-controls">
                        <!-- <button
                        class="language group"
                        title="Switch Language"
                    ></button> -->
                        <button class="fullscreen group" app-command="fullscreen"></button>
                        <button class="minimize group" app-command="minimize" title="最小化"></button>
                        <button class="maximize" app-command="maximize" title="最大化"></button>
                        <button class="close" app-command="close" title="关闭"></button>
                    </div>
                </header>
                <sidebar class="content">
                    <div class="intro">
                        <h2>用 HTML/CSS/JavaScript 创建具备丰富<br />互交性的现代化 Windows 桌面应用程序</h2>
                        <p>WinFormedge 是一个开源项目，旨在为开发者提供一个基于 Web 技术的桌面应用程序框架。它允许使用 HTML、CSS 和 JavaScript 来构建具有丰富交互性的现代化 WinForm 应用程序。通过 WinFormedge 开发者可以利用现有的 Web 技术栈来创建 Windows 平台的桌面应用程序，同时享受桌面应用的性能和用户体验。</p>
                        <div class="links">
                            <a href="https://github.com/xuanchenlin/winformedge" target="_blank">
                                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 21 21" xml:space="preserve">
                                    <g id="icon">
                                        <circle cx="10.5" cy="10.5" r="10" fill="none" stroke="#fff" stroke-width="1" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round" />
                                        <path d="M8.5483,15.7513c0.0034,0.6692,0.0109,1.6183,0.0109,1.8092" fill="none" stroke="#fff" stroke-width="1" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round" />
                                        <path d="M12.5297,17.5168c0,-0.2517,0.0089,-1.6461,0.0089,-2.6686c0,-0.7129,-0.2442,-1.178,-0.5183,-1.4152c1.7017,-0.1892,3.4895,-0.8355,3.4895,-3.7707c0,-0.8344,-0.2965,-1.5161,-0.7865,-2.0512c0.0794,-0.1925,0.341,-0.9698,-0.0749,-2.0224c0,0,-0.6408,-0.2054,-2.0995,0.7834c-0.6107,-0.1694,-1.365,-0.2542,-2.0145,-0.2571c-0.6495,0.0029,-1.4032,0.0877,-2.0128,0.2571c-1.4604,-0.9888,-2.1021,-0.7834,-2.1021,-0.7834c-0.4149,1.0527,-0.1534,1.8299,-0.074,2.0224c-0.4889,0.5352,-0.7874,1.2169,-0.7874,2.0512c0,2.9282,1.7844,3.5835,3.4818,3.7768c-0.2185,0.1908,-0.3166,1.5795,-0.3852,2.0735c-0.4361,0.1952,-1.5423,0.533,-2.2239,-0.6353c0,0,-0.4041,-0.7336,-1.1715,-0.7876" fill="none" stroke="#fff" stroke-width="1" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round" />
                                    </g>
                                </svg>
                                GitHub
                            </a>
                        </div>
                    </div>
                </sidebar>
                <main class="view">
                    <div class="demo-window">
                        <div class="window-header">
                            <div class="fack-title">
                                <div class="caption"></div>
                            </div>
                            <div class="fack-controls">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                        </div>
                        <div class="window-content">
                            <svg t="1749573116713" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5373" width="256" height="256">
                                <path d="M923.69886 761.758375a328.212997 328.212997 0 0 1-41.986312 18.793873 408.90669 408.90669 0 0 1-143.553199 25.991526c-189.138338 0-353.884628-129.957632-353.884629-297.10314a125.479092 125.479092 0 0 1 65.578621-109.16441c-171.144204 7.197653-215.129864 185.539511-215.129865 289.905486 0 295.503661 272.311222 325.493884 331.092059 325.493884 31.589701 0 79.174188-9.197002 107.964802-18.394003l5.198305-1.599479a511.833134 511.833134 0 0 0 266.313178-211.131168 15.994785 15.994785 0 0 0-4.798436-21.99283 16.834512 16.834512 0 0 0-16.794524-0.799739z" fill="#0F5197" p-id="5374"></path>
                                <path d="M422.662206 965.29202A317.816387 317.816387 0 0 1 331.891798 880.119787a322.734783 322.734783 0 0 1 117.961543-479.843563 132.47681 132.47681 0 0 1 61.979793-15.994786 130.317514 130.317514 0 0 1 102.766497 51.983053 128.79801 128.79801 0 0 1 25.591657 74.775622c0-0.799739 97.968061-318.29623-319.895709-318.296231-175.54277 0-319.895709 166.745638-319.895709 312.698056a521.50998 521.50998 0 0 0 48.384226 223.926996 512.113043 512.113043 0 0 0 625.396111 268.312526 303.02121 303.02121 0 0 1-251.518001-32.38944z" fill="#0C88DA" p-id="5375"></path>
                                <path d="M609.001456 595.412606c-3.198957 3.998696-13.195698 9.996741-13.195698 22.792569 0 10.396611 6.797784 20.393351 18.793873 28.790614 57.581228 39.986964 165.945899 34.788658 166.345769 34.788659a238.922108 238.922108 0 0 0 121.160499-33.18918 245.120087 245.120087 0 0 0 121.56037-211.531038c1.199609-89.570799-31.989571-149.151374-45.185269-175.54277a440.496391 440.496391 0 0 0-83.732702-113.842886 493.639066 493.639066 0 0 0-142.673486-97.088347A582.530086 582.530086 0 0 0 511.833134 0.006718 511.833134 511.833134 0 0 0 0 504.642199c1.999348-145.952417 147.152026-263.91396 319.895709-263.91396 13.995437 0 93.969365 1.199609 167.945247 40.386833 65.178751 34.388789 99.567539 75.575361 123.159848 116.761934 24.791917 42.786051 29.190483 96.368582 29.190484 117.961543s-10.79648 53.182662-31.189832 79.574057z" fill="#2CC3D5" p-id="5376"></path>
                                <path d="M649.548237 15.12179s372.638514 385.154434-48.544174 593.246592c0 0-27.231122 45.225256 102.846471 68.61763 0 0 215.489747 46.824734 302.461393-142.513538 17.51429-59.380641 33.109206-151.390644-13.195698-253.797259a427.860511 427.860511 0 0 0-76.974905-113.682937 546.381871 546.381871 0 0 0-113.083134-94.68913c-68.457682-34.988593-153.509953-57.181358-153.509953-57.181358z" fill="#49D668" p-id="5377"></path>
                            </svg>
                            <h1>Build your .NET Desktop Apps with<br />Web Technologies using <strong>WinFormedge</strong></h1>
                        </div>
                    </div>
                </main>
            </div>
        </div>
    </body>
</html>
